﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteIntranet.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    HistorialPagos</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Historial de Pagos</h2>
    <link rel="stylesheet" href="<%: Url.Content("~/Content/jquery-ui.css") %>" />
    <link rel="Stylesheet" type="text/css" media="screen" href="<%: Url.Content("~/Content/Loading.css") %>" />

    <link rel="stylesheet" href="<%: Url.Content("~/Content/jPages.css") %>" />
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/jPages.js") %>"></script>
    <%--<script src="../../../Scripts/Validaciones.js" type="text/javascript"></script>--%>
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/EstadoCuenta.js") %>"></script>
    <link rel="Stylesheet" type="text/css" media="screen" href="<%: Url.Content("~/Content/SoftBully.css") %>" />

    <div id="Registrar"></div>
        <div id="Buscar">
            <div id="propietarioHP">
                <label>Fecha Inicio</label>
                <input type="text" id="BscTbxFechaInicioPHP" class="text ui-widget-content ui-corner-all" style="width:325px"/>
                <br></br>

                <label>Fecha Fin</label>
                <input type="text" id="BscTbxFechaFinPHP" class="text ui-widget-content ui-corner-all" style="width:325px"/>
                <br></br>
                <center>
                    <input type="submit" id = "BscBtnBuscarHPP" value="Buscar" class="submit-button" style="margin-left:auto; width:auto;"/>
                    <input type="submit" id = "BscBtnCancelarHPP" value="Cancelar" class="submit-button" style="margin-left:5px; width:auto;"/>
                    <input type="submit" id = "BscBtnLimpiarHPP" value="Limpiar" class="submit-button" style="margin-left:5px; margin-right:auto; width:auto;"/>
                </center>
                <br></br>
                <br></br>

                <center>
                    <div id = "TablaDinamicaHPMP"></div>
                    <div class="holder" id="holderHPMP"></div>
                    <br></br>
                    <div id = "TablaDinamicaHPEP"></div>
                    <div class="holder" id="holderHPEP"></div>
                    <br></br>
                    <div id="mensajeHPP"></div>
                </center>
            </div>

            <div id="administradorHP">
                <br></br>
                <label>Departamento</label>
                <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
                <select id="BscSctDepartamentoLugarHP" class="text ui-widget-content ui-corner-all" onchange="cargarProvinciasHP(); cargarEdificiosHP()"></select>
                <br></br>

                <label>Provincia</label>
                <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
                <select id="BscSctProvinciaHP" class="text ui-widget-content ui-corner-all" onchange="cargarDistritosHP(); cargarEdificiosHP()""></select>
                <br></br>
    
                <label>Distrito</label>
                <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
                <select id="BscSctDistritoHP" class="text ui-widget-content ui-corner-all" onchange="cargarEdificiosHP()"></select>
                <br></br>

                <label>Edificio</label>
                <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
                <select id="BscSctEdificioHP" class="text ui-widget-content ui-corner-all" onchange="cargarPisosHP()"></select>
                <br></br>

                <label>Piso</label>
                <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
                <select id="BscSctPisoHP" class="text ui-widget-content ui-corner-all" onchange="cargarDepartamentosHP()"></select>
                <br></br>

                <label>Departamento</label>
                <%--<input type="text" id="BscTbxDepartamento" class="text ui-widget-content ui-corner-all" style="width:325px" name=""/>--%>
                <select id="BscSctDepartamentoHP" class="text ui-widget-content ui-corner-all"></select>
                <br></br>

                <label>Fecha Inicio</label>
                <input type="text" id="BscTbxFechaInicioAHP" class="text ui-widget-content ui-corner-all" style="width:325px"/>
                <br></br>

                <label>Fecha Fin</label>
                <input type="text" id="BscTbxFechaFinAHP" class="text ui-widget-content ui-corner-all" style="width:325px"/>
                <br></br>
                <center>
                    <input type="submit" id = "BscBtnBuscarAHP" value="Buscar" class="submit-button" style="margin-left:auto; width:auto;"/>
                    <input type="submit" id = "BscBtnCancelarAHP" value="Cancelar" class="submit-button" style="margin-left:5px; width:auto;"/>
                    <input type="submit" id = "BscBtnLimpiarAHP" value="Limpiar" class="submit-button" style="margin-left:5px; margin-right:auto; width:auto;"/>
                </center>
                <br></br>
                <br></br>
                <center>
                    <div id = "TablaDinamicaPropietariosHP"></div>
                    <div class="holder" id="holderPHP"></div>
                    <div><input type="submit" id = "BscBtnExportarHP" value="Exportar" class="submit-button" style="margin-left:auto; margin-right:auto; width:auto;"/></div>
                </center>
                <br></br>
            </div>

            <div id="modalDetalleHP" title="HISTORIAL DE PAGOS">
                <label id="BvmLblNumDetalleHP" style="display:none"></label>
                <br></br>
                <center>
                    <div id = "TablaDinamicaCMPHP"></div>
                    <div class="holder" id="holderCMPHP"></div>
                    <br></br>
                    <div id = "TablaDinamicaCEPHP"></div>
                    <div class="holder" id="holderCEPHP"></div>
                    <br></br>
                    <div id="mensajeHP"></div>
                </center>
            </div>

        </div>

        <div id="Modificar"></div>
        <div id="Eliminar"></div>
 </asp:Content>
